<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script src = "src/index.js"></script>
</head>
<body>
<div id = "canvas" style = "width:500px;height:600px;"></div>
<button onclick = "newPlane()">新建飞机</button>
</body>
<script>

    let canvas = new okay.Canvas({
        ele: 'canvas',
        canAction:true
    })
    let circle = new okay.Circle(100)
    circle.setPosition(300, 300)
    circle.setColor(new okay.Color(255,0,0,255))
    let action = new okay.ActionAlpha(5,0.6)
    let action1 = new okay.ActionMove(5, new okay.Point(100,100))
    canvas.addChild(circle);
    circle.runAction(action)
    circle.runAction(action1)
    canvas.paint()
</script>
</html>